html,
body {
    word-spacing: normal;
    color: #8d9095;
    font-family: "微软雅黑", Helvetica, Arial, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    background-color: #e5e5e5;;
}

.wrapper {
    width: 100%;
    height: 100%;
}

.main-wrapper {
    max-width: 1180px;
    margin: 20px auto;
}

.header {
	height: 124px;
	line-height: 124px;
	padding: 0 40px;
	background-color: #fff;
	color: #222;
	font-size: 30px;
	font-weight: 700;
	border-bottom: 1px solid #dadee1;
}

.main {
	padding: 20px 40px;
	background-color: #fff;

}

.main-left {
	width: 75%;
}

.main-left .item-list {
    max-width: 99.8%;
    margin-bottom: 30px;
}

.main-left .item-title {
    margin-bottom: 10px;
}

.main-left .item-title a {
		line-height: 22px;
    color: #373A41;
    font-size: 22px;
}

.main-left .item-title a:hover {
    text-decoration: underline;
    color: #181818;
}

.main-left .item-list .item-public {
    color: #999999;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

.main-left .item-list .item-public span {
    margin-left: 5px;
}

.main-left .item-list .item-content {
    color: #494e56;
    font-size: 12px;
    line-height: 14px;
}
.main-left .item-footer {
	padding-top: 20px;
	overflow: hidden;
}
.main-left .item-footer .read-btn {
	display: block;
  color: #666;
  font-size: 12px;
  border: 1px solid #666;
  padding: 8px 4px;
}
.main-left .item-footer .read-btn:hover {
	background-color: #666;
	color: #fff;
	border-color: #666;
}

.main-right {
	width: 25%;
}
.main-right .right-content {
	margin-left: 20px;
}
.main-right .author-info {
	margin-bottom: 20px;
	background-color: #f5f5f5;
	padding: 10px;
}

.main-right .tip {
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	font-style: italic;
}

.main-right .author-info .img {
	width: 233px;
	height: 233px;
	margin-bottom: 20px;
}

.main-right .introduce-info .nickname {
	line-height: 1.6;
	font-size: 14px;
	color: #555;
}
.main-right .introduce-info .nickname i {
	font-size: 16px;
	color: #222;
	margin-left: 5px;
}

.main-right .new-article {
	background-color: #f5f5f5;
}
.new-article .item-list {
	padding: 10px;
}
.new-article .item {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
.new-article .item:last-child {
	border-bottom: none;
}
.new-article .item .title{
	margin-bottom: 10px;
	color: #373A41;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
}
.new-article .item .data {
	color: #686868;
    font-size: 12px;
    line-height: 12px;
}
.new-article .item .data span {
	margin-left: 5px;
}

.footer {
	height: 150px;
	text-align: center;
	border-top: 1px solid #474747;
	background-color: #474747;
	color: #fff;
}

.footer .company {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.footer .copyright {
	font-size: 14px;
}